<template>
  <div class="emptyWrap">
    <div class="empty-wrapper">
      <image class="empty-img" src="@/static/image/im-empty.png" />
      <div class="empty-text">{{ text }}</div>
    </div>
  </div>
</template>

<script lang="ts" setup>
import { ref, onMounted } from '../utils/transformVue'
const props = defineProps({
  text: {
    type: String,
    default: ''
  }
})
</script>
<style lang="scss" scoped>
.emptyWrap {
  height: 100vh;
  background: #fff;
  display: inline-block;
  width: 100%;
  .empty-wrapper {
    margin: 75px 10px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;

    .empty-img {
      display: block;
      width: 125px;
      height: 100px;
    }

    .empty-text {
      display: block;
      color: #666;
      margin: 10px;
    }
  }
}
</style>
